<template>
  <div class="main">
  <div class="main_head nav">
        <ul class="nav main-head-l">
            <li class="activeTitle active-r"><a href="#/home/homepage">招商局集团</a></li>
            <li class="activeTitle"><a>信息共享表</a></li>
        </ul>
        <ul class="nav main-head-r">
            <li>欢迎您,{{userNameMe}}</li>
            <!-- <li><a @click="loginOut"><i class="fa fa-sign-out"></i>注销</a></li> -->
        </ul>
    </div>
    <div class="main_child">    
      <div class="main_content">
        <el-form ref="form" :model="form" label-width="120px" size="mini">
          <el-row :gutter="20">
            <el-col :span="6">
              <el-form-item label="业务单位">
                <el-select v-model='form.setid'>
                  <el-option key="全部" value="全部">全部</el-option>
                 <el-option
                    v-for="item in bussinessData"
                    :key="item.setid"
                    :label="item.descrshort"
                    :value="item.setid">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="员工 ID">
                <el-input v-model='form.emplid' />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="姓 名">
                <el-input v-model='form.name' />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="部 门">
                <el-input v-model='form.dept_descr'/>
              </el-form-item>
            </el-col>
          </el-row>   
          <el-row :gutter="20">
            <el-col :span="6">
              <el-form-item label="最高学历">
                <el-select v-model='form.highest_edu'>
                  <el-option key="全部" value="全部">全部</el-option>
                  <el-option
                    v-for="item in highestEdus"
                    :key="item && item.highest_edu"
                    :label="item && item.highest_edu"
                    :value="item && item.highest_edu">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="最高学位">
                <el-select  v-model='form.highest_deg'>
                  <el-option key="全部" value="全部">全部</el-option>
                  <el-option
                    v-for="item in highestDegs"
                    :key="item.highest_deg"
                    :label="item.highest_deg"
                    :value="item.highest_deg">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="毕业院校">
                <el-input v-model='form.school_descr' />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="所学专业">
                <el-input v-model='form.major_descr' />
              </el-form-item>
            </el-col>
          </el-row>       
          <el-row :gutter="20">
            <el-col :span="6">
              <el-form-item label="是否集团高管">
                <el-checkbox v-model="form.leader_type"></el-checkbox>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="集团标准职级">
                <el-select v-model='form.grp_lvl_descr'>
                  <el-option key="全部" value="全部">全部</el-option>
                   <el-option
                    v-for="item in grpLvlDescrs"
                    :key="item.grp_lvl_descr"
                    :label="item.grp_lvl_descr"
                    :value="item.grp_lvl_descr">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="身份证号码">
                <el-input v-model='form.national_id' />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item class="certificate" label="是否有职称\职业资格\其他证书">
                <el-checkbox v-model="form.certificate">备选项</el-checkbox>
              </el-form-item>
            </el-col>
          </el-row>   
          <el-row :gutter="20" class="lastRow">
            <el-col :span="6" >
              <el-form-item label="性别">
                <el-select v-model='form.sex_descr'>
                  <el-option key="全部" value="全部">全部</el-option>
                   <el-option
                    v-for="item in sexDescr"
                    :key="item.sex_descr"
                    :label="item.sex_descr"
                    :value="item.sex_descr">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="出生日期">
                <el-date-picker
                  v-model="form.begin_birthdate"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate"
                  placeholder="选择月">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_birthdate"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate1"
                  placeholder="选择月"
                  >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="年龄">
                <el-input style='width: 70px' v-model='form.begin_age' /> - <el-input style='width: 70px' 
                v-model='form.end_age' />
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="婚姻状况">
                <el-select  v-model='form.mar_desc'>
                  <el-option key="全部" value="全部">全部</el-option>
                  <el-option
                    v-for="item in marDesc"
                    :key="item.mar_desc"
                    :label="item.mar_desc"
                    :value="item.mar_desc">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>   
          <el-row :gutter="20" class="lastRowOne">
            <el-col :span="6">
              <el-form-item label="加入本公司时间">
                <el-date-picker
                  v-model="form.begin_service_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate2"
                  placeholder="选择月">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_service_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate3"
                  placeholder="选择月">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="加入当前二级公司时间">
                <el-date-picker
                  v-model="form.begin_cmpny_seniority_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate4"
                  placeholder="选择月">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_cmpny_seniority_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                 @change="handleDate5"
                  placeholder="选择月">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="加入集团时间">
                <el-date-picker
                  v-model="form.begin_org_inst_srv_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate6"
                  placeholder="选择月">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_org_inst_srv_dt"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate7"
                  placeholder="选择月">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="6">
              <el-form-item label="参加工作">
                <el-date-picker
                  v-model="form.begin_start_dt_chn"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate8"
                  placeholder="选择月">
                </el-date-picker>
                -
                <el-date-picker
                  v-model="form.end_start_dt_chn"
                  type="date"
                  value-format="yyyy-MM-dd"
                  @change="handleDate9"
                  placeholder="选择月">
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>  
          <el-row>
            <el-col style="text-align: center;">
              <el-button type="warning" icon='el-icon-refresh' @click="Reset">重置</el-button>&nbsp;&nbsp;
              <el-button type="primary" icon="el-icon-search" @click="getPageSource">搜索</el-button>
            </el-col>
          </el-row>
        </el-form>
        <el-row v-show="ok">
          <el-col>
            <div class="rt selectSet">
                <a @click="showColList" class="default" title="自定义列"><i class="fa fa-th" aria-hidden="true"></i><span class="caret"></span></a>
                <search-col :ifShow.sync='colShow' :checkedCities.sync="checkedCities" :cities="colTotalList" @changeCol="getCheckedArr"></search-col>
            </div>
            <div class="Exportbtn">
              <form
                 style="display:none"
                 method="post"
                 target='employRoster-list'
                :action='this.Axios.baseURI+"/reportShareExcel/empRosterShareExport"'
                id='downLoadForm'></form>
                <a @click.stop="downLoadExcel">导出</a>
              <iframe style='display:none' name="employRoster-list" id="employRoster_hidden_frame"></iframe> 

            </div>
          </el-col>
        </el-row>
        <el-row v-show="ok">
          <el-col>
            <el-table
                :data="unitTableList"
                style="width: 100%"
                :fit="tablefit"
                :row-class-name="handleRowClass"
                >
                <el-table-column :prop="item.prop" :class-name="item.class" :label="item.label" :min-width="item.width"  :key="item.prop" v-for='item in tableOption'>
                    <template  scope="scope">
                      <span>{{ coverttile(scope.row, item.prop)}}</span>                      
                    </template>
                </el-table-column>          
            </el-table>
            <el-pagination style='text-align: right;'
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page.sync="pageIndex"
              :page-sizes="[20, 30, 40, 50]"
              :page-size="pageSize"
              layout="total, sizes, prev, pager, next, jumper"
              
              :total="totalNum">
            </el-pagination>
          </el-col>
        </el-row>
      </div>
    </div>
  </div>
</template>

<script>
import Axios from "axios";
import Vue from "vue";
import {
  Form,
  Row,
  Col,
  Select,
  Input,
  Checkbox,
  DatePicker,
  Button,
  Icon,
  Table,
  TableColumn,
  Option,
  Pagination
} from "element-ui";
Vue.use(Form);
Vue.use(Row);
Vue.use(Col);
Vue.use(Select);
Vue.use(Input);
Vue.use(Checkbox);
Vue.use(DatePicker);
Vue.use(Button);
Vue.use(Icon);
Vue.use(Table);
Vue.use(Option);
Vue.use(Pagination);
Vue.use(TableColumn);
import searchCol from "@/components/public/selectShowCol";
export default {
  name: "approvalAll",
  data() {
    return {
      activeName: "first",
      colShow: false,
      checkedCities: [0, 1, 2, 3, 5, 6, 7, 8],
      colTotalList: [],
      unitTableList: [],
      tablefit: true,
      tableOption: [],
      bussinessData: [],
      highestDegs: [],
      highestEdus: [],
      grpLvlDescrs: [],
      marDesc: [],
      sexDescr: [],
      pageIndex: 1,
      pageSize: 20,
      totalNum: 0,
      ok: false,
      form: {
        setid: "全部",
        emplid: "",
        name: "",
        dept_descr: "",
        highest_edu: "全部",
        highest_deg: "全部",
        school_descr: "",
        major_descr: "",
        leader_type: 0,
        grp_lvl_descr: "全部",
        national_id: "",
        certificate: 0,
        sex_descr: "全部",
        begin_birthdate: "",
        end_birthdate: "",
        begin_age: "",
        end_age: "",
        mar_desc: "全部",
        begin_service_dt: "",
        end_service_dt: "",
        begin_cmpny_seniority_dt: "",
        end_cmpny_seniority_dt: "",
        begin_org_inst_srv_dt: "",
        end_org_inst_srv_dt: "",
        begin_start_dt_chn: "",
        end_start_dt_chn: "",
        // ok: []
      }
    };
  },
  methods: {
    loginOut: function() {
      var self = this;
      this.Axios
        .Post(this.URL.exit.url, {})
        .then(function(res) {
          sessionStorage.setItem("userName", null);
          sessionStorage.setItem("userId", null);
          sessionStorage.setItem("token", null);
          self.$router.push("/employeeServ");
        })
        .catch(function() {});
    },
    handleDate:function(val){
             console.log(val);
            this.form.begin_birthdate = val;
        },
    handleDate1:function(val){
            console.log(val);
            this.form.end_birthdate = val;
    },
    handleDate2:function(val){
            console.log(val);
            this.form.begin_service_dt = val;
    },
    handleDate3:function(val){
            console.log(val);
            this.form.end_service_dt = val;
    },
    handleDate4:function(val){
            console.log(val);
            this.form.begin_cmpny_seniority_dt = val;
    },
    handleDate5:function(val){
            console.log(val);
            this.form.end_cmpny_seniority_dt = val;
    },
    handleDate6:function(val){
            console.log(val);
            this.form.begin_org_inst_srv_dt = val;
    },
    handleDate7:function(val){
            console.log(val);
            this.form.end_org_inst_srv_dt = val;
    },
    handleDate8:function(val){
            console.log(val);
            this.form.begin_start_dt_chn = val;
    },
    handleDate9:function(val){
            console.log(val);
            this.form.end_start_dt_chn = val;
    },
    downLoadExcel() {
      let titles = [];
      let arr = [];
      for (let i = 0; i < this.tableOption.length; i++) {
        arr.push(this.tableOption[i].prop);
      }

      for (let i = 0; i < this.colTotalList.length; i++) {
        if (arr.indexOf(this.colTotalList[i].prop) == -1) {
          titles.push(0);
        } else {
          titles.push(1);
        }
      }
      let params={titles:titles};



      let formTarget = document.querySelector('#downLoadForm')
      formTarget.innerHTML = ''

       let dom = document.createElement('input')
        dom.name = 'titles';
        dom.value = titles;
        formTarget.appendChild(dom);

      const keysArr = Object.keys(this.form)
      const valuesArr = Object.values(this.form)

      for (let i = 0; i < valuesArr.length; i++) {
        let doms = document.createElement('input');

        doms.name = keysArr[i];
        doms.value = valuesArr[i];
        formTarget.appendChild(doms)
      }


      let tokenDom = document.createElement('input')
      // tokenDom.name = 'token'
      // tokenDom.value = localStorage.getItem('token')
      // formTarget.appendChild(tokenDom)
      formTarget.submit()

      // this.Axios.Post(this.URL.reportShareExcel.url,params).then((res) => {
      //       let datas = res.data.datas;
      // });

    },
    coverttile(data, type) {
      if (type === "leader_type") {
        return data["leader_type"].trim() ? "是" : "否";
      } else {
        return data[type];
      }
    },
    handleSizeChange(val) {
      this.pageSize = val;
      this.getPageSource();
    },
    handleCurrentChange(val) {
      this.pageIndex = val;
      this.getPageSource();
    },
    handleClick(tab, event) {
      console.log(tab, event);
    },
    showColList: function() {
      this.colShow = this.colShow ? false : true;
    },
    handleRowClass: function(row, index) {
      return index % 2 === 0 ? "even-row" : "odd-row";
    },
    getCheckedArr: function(value) {
      var arr = [];
      value.sort(function(a, b) {
        return a - b;
      });
      if (this.colTotalList && this.colTotalList.length > 0) {
        for (var i = 0; i < value.length; i++) {
          arr.push(this.colTotalList[value[i]]);
        }
      }
      this.tableOption = JSON.parse(JSON.stringify(arr));
      console.log(
        "tableOption",
        this.tableOption,
        "sdddddd",
        this.colTotalList,
        "data",
        this.unitTableList
      );
      // this.assignTitles();
    },
    getPageSource() {
      let self = this;
      this.ok = true;
      this.form.pageNum = this.pageIndex;
      this.form.pageSize = this.pageSize;
      this.form.leader_type = this.form.leader_type ? 1 : 0;
      this.form.certificate = this.form.certificate ? 1 : 0;
      this.Axios
        .Post(this.URL.getsharePageSource.url, this.form)
        .then(function(res) {
          // console.log('resdata', res)
          // var arr = JSON.parse(JSON.stringify(res.data.datas.dataNum));
          // var arr1 = res.data.datas.dataList;
          // var optionArr = [];
          // for (var i=0; i<arr1.length; i++) {
          //     arr1[i]["num"] = i+1;
          //     if (arr1[i]["birthdate"] && arr1[i]["birthdate"].trim()) {
          //       var a = arr1[i]["birthdate"].split(' ')[0].split('-');
          //       arr1[i]["birthdate"] = a[0] + "." + a[1]
          //     }
          //     for (var j=0; j<arr.length; j++) {
          //       if (j%4 === 0) {
          //         arr[j]['color'] = 'green';
          //         arr[j]['show'] = true;
          //       } else if (j%4 === 1) {
          //         arr[j]['color'] = 'blue';
          //         arr[j]['show'] = true;
          //       } else if (j%4 === 2) {
          //         arr[j]['color'] = 'yellow';
          //         arr[j]['show'] = true;
          //       } else if (j%4 === 3) {
          //         arr[j]['color'] = 'red';
          //         arr[j]['show'] = true;
          //       }

          //       if (arr1[i].c_leader_unit === arr[j].c_lea_unit_name ) {
          //           if (!arr[j]['memberList']){arr[j]['memberList'] = []};
          //           arr[j]["memberList"].push(arr1[i]);
          //           break;
          //       }
          //     }
          // }
          // for (var z=0; z<arr.length; z++) {
          //     if (!arr[z]['memberList']) {
          //         arr.splice(z,1);
          //         z--;
          //     }
          // }

          self.colTotalList = [
            {
              label: "ID",
              prop: "emplid",
              isShow: true,
              needAtag: false,
              width: 100
            },
            {
              label: "姓名",
              prop: "name",
              isShow: true,
              needAtag: false,
              width: 100
            },
            {
              label: "性别",
              prop: "sex_descr",
              isShow: true,
              needAtag: false,
              width: 100
            },
            {
              label: "部门",
              prop: "dept_descr",
              isShow: true,
              needAtag: false,
              width: 300
            },
            {
              label: "处室",
              prop: "office_descr",
              isShow: true,
              needAtag: false,
              width: 100
            },
            {
              label: "职位",
              prop: "position_desc",
              isShow: true,
              needAtag: false,
              width: 200
            },
            {
              label: "是否集团高管",
              prop: "leader_type",
              isShow: true,
              needAtag: false,
              width: 150
            },
            {
              label: "身份证类型",
              prop: "national_id_type",
              isShow: true,
              needAtag: false,
              width: 150
            },
            {
              label: "身份证号码",
              prop: "national_id",
              isShow: true,
              needAtag: false,
              width: 200
            },
            {
              label: "集团标准职级",
              prop: "grp_lvl_descr",
              isShow: true,
              needAtag: false,
              width: 150
            },
            {
              label: "二级公司标准职级",
              prop: "sta_lvl_descr",
              isShow: true,
              needAtag: false,
              width: 150
            },
            {
              label: "各公司职级",
              prop: "supv_lvl_descr",
              isShow: true,
              needAtag: false,
              width: 150
            },
            {
              label: "加入本公司时间",
              prop: "service_dt",
              isShow: true,
              needAtag: false,
              width: 150
            },
            {
              label: "加入当前二级公司时间",
              prop: "cmpny_seniority_dt",
              isShow: true,
              needAtag: false,
              width: 200
            },
            {
              label: "加入集团时间",
              prop: "org_inst_srv_dt",
              isShow: true,
              needAtag: false,
              width: 150
            },
            {
              label: "出生日期",
              prop: "birthdate",
              isShow: true,
              needAtag: false,
              width: 120
            },
            {
              label: "年龄",
              prop: "age",
              isShow: true,
              needAtag: false,
              width: 100
            },
            {
              label: "出生地",
              prop: "birthplace",
              isShow: true,
              needAtag: false,
              width: 150
            },
            {
              label: "籍贯",
              prop: "native_place_chn",
              isShow: true,
              needAtag: false,
              width: 150
            },
            {
              label: "政治面貌",
              prop: "political_sta_chn",
              isShow: true,
              needAtag: false,
              width: 100
            },
            {
              label: "婚姻状况",
              prop: "mar_status",
              isShow: true,
              needAtag: false,
              width: 100
            },
            {
              label: "参加工作时间",
              prop: "start_dt_chn",
              isShow: true,
              needAtag: false,
              width: 300
            },
            {
              label: "最高学历",
              prop: "highest_edu",
              isShow: true,
              needAtag: false,
              width: 200
            },
            {
              label: "最高学位",
              prop: "highest_deg",
              isShow: true,
              needAtag: false,
              width: 200
            },
            {
              label: "毕业院校",
              prop: "school_descr",
              isShow: true,
              needAtag: false,
              width: 120
            },
            {
              label: "所学专业",
              prop: "major_descr",
              isShow: true,
              needAtag: false,
              width: 100
            },
            {
              label: "职称",
              prop: "certificate",
              isShow: true,
              needAtag: false,
              width: 200
            },
            {
              label: "职业资格",
              prop: "cert_grade",
              isShow: true,
              needAtag: false,
              width: 200
            },
            {
              label: "其他证书",
              prop: "other_certificate",
              isShow: true,
              needAtag: false,
              width: 200
            }
          ];

          // self.unitContainer = arr;
          self.tableOption = self.colTotalList;
          self.getCheckedArr(self.checkedCities);
          console.log(44444, self.checkedCities);
          self.unitTableList = res.data.datas;
          // console.table(self.unitTableList)
          // var myTime = new Date();
          // var iYear = myTime.getFullYear();//获取当前年份
          for (var i = 0; i < self.unitTableList.length; i++) {
            //截取字符串
            self.unitTableList[i].birthdate = self.unitTableList[
              i
            ].birthdate.substring(0, 10);
            self.unitTableList[i].cmpny_seniority_dt = self.unitTableList[
              i
            ].cmpny_seniority_dt.substring(0, 10);
            self.unitTableList[i].org_inst_srv_dt = self.unitTableList[
              i
            ].org_inst_srv_dt.substring(0, 10);
            if (
              self.unitTableList[i].service_dt != null &&
              self.unitTableList[i].service_dt != ""
            ) {
              // console.table(self.unitTableList);
              self.unitTableList[i].service_dt = self.unitTableList[
                i
              ].service_dt.substring(0, 10);
            }
            self.unitTableList[i].start_dt_chn = self.unitTableList[
              i
            ].start_dt_chn.substring(0, 10);
          }
          console.log(111111, res.data.datas);
          self.totalNum = res.data.total;
          self.form.leader_type = self.form.leader_type ? true : false;
          self.form.certificate = self.form.certificate ? true : false;
        });
    },
    Reset(){
        this.form.setid = '全部';
        this.form.emplid = '';
        this.form.name = '';
        this.form.dept_descr = '';
        this.form.highest_edu = '全部';
        this.form.highest_deg = '全部';
        this.form.school_descr = '';
        this.form.major_descr = '';
        this.form.leader_type = 0;//0
        this.form.grp_lvl_descr = '全部';
        this.form.national_id = '';
        this.form.certificate = 0;//0
        this.form.sex_descr = '全部';
        this.form.begin_birthdate = '';
        this.form.end_birthdate = '';
        this.form.begin_age = '';
        this.form.end_age = '';
        this.form.mar_desc = '全部';
        this.form.begin_service_dt = '';
        this.form.end_service_dt = '';
        this.form.begin_cmpny_seniority_dt = '';
        this.form.end_cmpny_seniority_dt = '';
        this.form.begin_org_inst_srv_dt = '';
        this.form.end_org_inst_srv_dt = '';
        this.form.begin_start_dt_chn = '';
        this.form.end_start_dt_chn = '';
    },
    getDataBase() {
      let self = this;
      this.Axios.Post(this.URL.getShareData.url, null).then(function(res) {
        let datas = res.data.datas;
        if (datas) {
          self.bussinessData = datas.bussiness; //&& datas.bussiness.unshift({descrshort: '全部' ,setid: '全部'})
          self.grpLvlDescrs = datas.grpLvlDescrs; //&& datas.grpLvlDescrs.unshift({grp_lvl_descr: '全部'})
          self.highestDegs = datas.highestDegs; //&& datas.highestDegs.unshift({highest_deg: '全部'})
          self.highestEdus = datas.highestEdus; //&& datas.highestEdus.unshift({highest_edu: '全部'})
          self.marDesc = datas.marDesc; //&& datas.marDesc.unshift({mar_desc: '全部'})
          self.sexDescr = datas.sexDescr; //&& datas.sexDescr.unshift({sex_descr: '全部'})
        }
      });
    }
  },
  created() {
    console.log("审批查看全部页面");
  },
  components: {
    searchCol
  },
  computed: {
    userNameMe: function() {
      return localStorage.getItem("userName");
    }
  },
  mounted() {
    this.getDataBase();
    // this.getPageSource()
  }
};
</script>

<style>
	
.main .el-form-item__label{
	width:36% !important;
}	
.main div.certificate .el-form-item__label{
	width:40% !important;
	padding:6px 12px 6px 0
}

.main .lastRow .el-form-item__label{
	 width:36% !important;
}	
.main .lastRow .el-form-item__content{
	 margin-left:36% !important;
}	

.main .lastRowOne .el-form-item__label{
	 width:36% !important;
}	
.main .lastRowOne .el-form-item__content{
	 margin-left:36% !important;
}	



.main {
  background-color: #ffffff;
  min-height: 100%;
}
.navbar-brand {
  background: #1ab394;
  color: #fff;
  padding: 17.5px 25px;
  margin-left: -15px;
}
.main_child {
  padding: 30px;
  color: #676a6c;
  font-size: 13px;
}
.main_head {
  height: 55px;
  line-height: 54px;
  text-align: left;
  border-bottom: 1px solid #e7eaec;
  padding-left: 15px;
  display: block;
}
.nav > li > a {
  font-weight: 600;
}
.main .activeTitle {
	float:left;
	
  margin-left: 20px;
  color: #1ab394;
}
.main li.active-r {
  background: #1ab394;
  color: #fff;
  padding: 0px 25px;
  margin-left: -15px;
}
.active-r > a {
  font-size: 18px;
}
.main-head-r {
  margin-right: 10px;
  float: right;
}
.main-head-r li {
  display: inline-block;
}
.main-head-r li > a {
  padding: 15px 20px;
  color: #676a6c;
  font-size: 14px;
  /* font-weight: 600; */
}
.main_content {
  margin-top: 15px;
}
.main_content_listmenu {
  float: right;
  height: 34px;
  line-height: 34px;
  border-radius: 5px;
  border-color: 1px solid #e7eaec;
  display: inline-flex;
}
.main_content .el-form-item {
  margin-bottom: 15px;
}
.main_content .el-date-editor.el-input {
  width: 90px;
}
.main_content .el-date-editor.el-input i.el-input__icon {
  display: none;
}
.main_content .el-date-editor.el-input .el-input__inner {
  padding-right: 0px;
}

.main_content .selectSet {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  position: relative;
  clear: both;
}
.main_content .Exportbtn {
  float: left;
  margin: 15px 0px 10px 0px;
  background-color: #00acd6;
  color: #fff;
  font-size: 14px;
  padding: 6px 12px;
  border: 1px solid #00acd6;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.main_content .selectSet .default {
  float: right;
  margin: 15px 0px 10px 0px;
  background-color: #f4f4f4;
  color: #444;
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
  z-index: 1;
}
.main_content .selectSet .alt {
  margin-right: -1px;
}
.main_content .isHide {
  display: none;
}
.main_content .selectSet a:hover {
  z-index: 4;
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.main_content .selectSet .alt {
  margin-right: -1px;
}

.selectSet .default:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.selectSet .default:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.main_content .el-table .even-row {
  background-color: #f9f9f9;
}
.main_content .el-table .even-row,
.main_content .el-table .even-row + tr:not(.odd-row) .el-table__expanded-cell {
  background-color: #f9f9f9;
}
.main_content .el-table .cell {
  text-align: center;
}
</style>
